<template>
  <el-popover placement="top-start" width="400" trigger="click">
    <i class="iconfont" slot="reference">&#xe727;</i>
    <p class="p">
      这是一段内容，这是一段内容，这是一段内容，这是一段内容，这是一段内容，这是一段内容，这是一段内容，这是一段内容，这是一段内容，这是一段内容，这是一段内容，这是一段内容，这是一段内容，这是一段内容，
    </p>
  </el-popover>
</template>

<script>
export default {
  data() {
    return {
      visible: false,
    };
  },
};
</script>

<style lang="less" scoped>
@fontColor: #3d74f0;
@color: #666;
.iconfont {
  font-size: 25px;
  user-select: none;
  cursor: pointer;
}
.iconfont:hover {
  color: @fontColor;
}
.p {
  
}
</style>